<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <title>retwitter</title>
    <link rel="stylesheet" type="text/css" href="css/selfindex.css">
</head>

<body onclick="hideAccount()">
    <div class="tw-prompt-wrap child-middle" id="cover-info">
        <div class="tweet-prompt" id="twitter-prompt">
            <div class="tweet-header">
                <h3>撰写新推文</h3>
            </div>
            <span class="tweet-icon prompt-icon-cross" onclick="hideTwPrompt(1)"></span>
            <div class="tweet-input">
                <form>
                    <div>
                        <textarea id="input-content" onfocus="countChar()" onblur="cancelTimer()"></textarea>
                    </div>
                    <div class="tw-input-button">
                        <div class="tw-icon-inner tw-icon-camera">
                            <button>
                                <span class="tweet-icon prompt-icon-camera"></span>
                                <span class="prompt-text">添加照片</span>
                            </button>
                        </div>
                        <div class="tw-icon-inner">
                            <button disabled="disabled" class="disabled">
                                <span class="tweet-icon prompt-icon-location"></span>
                                <span class="prompt-text">禁止位置</span>
                            </button>
                        </div>
                        <div class="tw-icon-inner special-icon-inner">
                            <b id="number-char">140</b>
                            <button disabled="disabled" class="disabled special-button">
                                <span class="tweet-icon prompt-icon-prompt"></span>
                                <span class="prompt-text">发推</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="shortcut" id="shortcut-prompt">
            <div class="tweet-header">
                <h3>键盘快捷键</h3>
            </div>
            <span class="tweet-icon prompt-icon-cross" onclick="hideTwPrompt(2)"></span>
            <div class="show-key">
                <div class="show-key-left">
                    <div class="key-header">操作</div>
                    <ul>
                        <li>
                            <span class="key-button">
                                n
                            </span>
                            <span class="key-text">
                                新推文
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                f
                            </span>
                            <span class="key-text">
                                收藏
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                r
                            </span>
                            <span class="key-text">
                                回复
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                t
                            </span>
                            <span class="key-text">
                                转推
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                m
                            </span>
                            <span class="key-text">
                                私信
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                u
                            </span>
                            <span class="key-text">
                                静音用户
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                b
                            </span>
                            <span class="key-text">
                                屏蔽用户
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                Enter
                            </span>
                            <span class="key-text">
                                打开推文详情
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                I
                            </span>
                            <span class="key-text">
                                关闭所有已打开的推文
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                o
                            </span>
                            <span class="key-text">
                                展开照片
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                /
                            </span>
                            <span class="key-text">
                                搜索
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                Ctrl
                            </span>
                            <span class="key-button">
                                Enter
                            </span>
                            <span class="key-text">
                                发送推文
                            </span>
                        </li>
                    </ul>
                </div>
                <div class="show-key-middle">
                    <div class="key-header">导航</div>
                    <ul>
                        <li>
                            <span class="key-button">
                                ?
                            </span>
                            <span class="key-text">
                                此菜单
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                j
                            </span>
                            <span class="key-text">
                                下一条推文
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                k
                            </span>
                            <span class="key-text">
                                前一条推文
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                Space
                            </span>
                            <span class="key-text">
                                向下翻页
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                .
                            </span>
                            <span class="key-text">
                                重新载入推文
                            </span>
                        </li>
                    </ul>
                </div>
                <div class="show-key-right">
                    <div class="key-header">时间线</div>
                    <ul>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                h
                            </span>
                            <span class="key-text">
                                主页
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                n
                            </span>
                            <span class="key-text">
                                通知
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                a
                            </span>
                            <span class="key-text">
                                动态
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                r
                            </span>
                            <span class="key-text">
                                提及
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                d
                            </span>
                            <span class="key-text">
                                发现
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                p
                            </span>
                            <span class="key-text">
                                个人资料
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                f
                            </span>
                            <span class="key-text">
                                收藏
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                l
                            </span>
                            <span class="key-text">
                                列表
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                m
                            </span>
                            <span class="key-text">
                                私信
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                s
                            </span>
                            <span class="key-text">
                                设置
                            </span>
                        </li>
                        <li>
                            <span class="key-button">
                                g
                            </span>
                            <span class="key-button">
                                u
                            </span>
                            <span class="key-text">
                                查看用户
                            </span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="header">
        <div class="container">
            <div class="nav">
                <ul>
                    <li>
                        <a href="">
                            <span class="icon icon-home"></span>
                            <span class="text">主页</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="icon icon-notify"></span>
                            <span class="text">通知</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="icon icon-mail"></span>
                            <span class="text">私信</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="icon icon-find"></span>
                            <span class="text">发现</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tw-logo">
                <span class="icon icon-logo"></span>
            </div>
            <div class="hd-right">
                <div class="search">
                    <form>
                        <input type="text" placeholder="搜索 Twitter">
                        <a href="">
                            <span class="icon icon-search"></span>
                        </a>
                    </form>
                </div>
                <div class="self-info">
                    <ul>
                        <li class="myinfo">
                            <a href="javascript:void(0)" onmouseover="showPrompt()" onmouseout="hidePrompt()" onclick="showAccount(event)">
                                <img src="image/default_profile_1_normal.png">
                            </a>
                            <div class="prompt-info" id="pro-info">
                                <span class="triangle"></span>
                                <span class="pro-text">个人资料与账号</span>
                            </div>
                            <div class="dropmenu" id="account-info">
                                <div id="drop-triangle">
                                    <span class="caret"></span>
                                    <span class="caret-inner"></span>
                                </div>
                                <ul>
                                    <li class="acinfo">
                                        <a href="javascript:void(0)">
                                            <b>wxiaobao</b>
                                            <small>查看个人资料</small>
                                        </a>
                                    </li>
                                    <li class="straight-line">
                                    </li>
                                    <li class="acinfo">
                                        <a href="javascript:void(0)">
                            			列表
                            		</a>
                                    </li>
                                    <li class="straight-line">
                                    </li>
                                    <li class="acinfo">
                                        <a href="javascript:void(0)">
                            			帮助
                            		</a>
                                    </li>
                                    <li class="acinfo" onclick="showTwPrompt(event)">
                                        <a href="javascript:void(0)">
                            			键盘快捷键
                            		</a>
                                    </li>
                                    <li class="straight-line">
                                    </li>
                                    <li class="acinfo">
                                        <a href="javascript:void(0)">
                            			设置
                            		</a>
                                    </li>
                                    <li class="acinfo">
                                        <a href="javascript:void(0)">Log out</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="push-info" onclick="showTwPrompt(event)">
                            <button class="tweet-button">
                                <span class="icon icon-tweet"></span>
                                <span class="info-text">发推</span>
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="wp-header">
            <div class="wp-bg"></div>
            <div class="wp-info">
                <div class="container">
                    <div class="cn-place"></div>
                    <div class="cn-self">
                        <ul>
                            <li>
                                <a href="" class="active">
                                    <span>推文</span>
                                    <b>6,505</b>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span>正在关注</span>
                                    <b>837</b>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span>关注者</span>
                                    <b>238万</b>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <span>收藏</span>
                                    <b>18</b>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="cn-setting">
                        <span class="icon icon-setting"></span>
                        <div class="hint-info hint-setting">
                            <span>更多用户操作</span>
                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                        </div>
                        <div class="button">
                            <button>
                                <span class="icon icon-add-focus"></span>
                                <span>关注</span>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="cn-left">
                <div class="user">
                    <div class="hint-info user-hint-info">
                        <span>Audrina Patridge</span>
                        <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                    </div>
                    <img src="image/user-photo.png">
                </div>
                <h1>
        			<a href="" class="a-hover">
        				Audrina Patridge
        			</a>
        			<span class="icon icon-gou"></span>
        			<div class="hint-info hint-tick hint-left-right">
                            <span>认证账号</span>
                            <span class="hint-info-triangle left-right-triangle left-triangle"></span>
                    </div>
        		</h1>
                <span class="at-user-account">@AudrinaPatridge</span>
                <p>
                    ~~Host of 1stLook!!! Airing after SNL on NBC~~ Instagram-AudrinaPatridge ~~~~ xaudrinax@gmail.com
                </p>
                <div class="user-info">
                    <div class="user-icon">
                        <span class="icon icon-location"></span>
                        <small>Los Angeles, CA</small>
                    </div>
                    <div class="user-icon">
                        <span class="icon icon-link"></span>
                        <a href="" title="http://www.audrinapatridge.com">audrinapatridge.com</a>
                    </div>
                    <div class="user-icon">
                        <span class="icon icon-time"></span>
                        <small>加入于2009年6月</small>
                    </div>
                </div>
                <button class="tw-button tweet-button">
                    <span class="icon icon-tweet"></span>
                    <span class="button-text">发推给 Audrina Patridge</span>
                </button>
                <div class="same-focus">
                    <p>
                        <span class="icon icon-man"></span>
                        <a href="" class="same-text">2 个你认识的关注者</a>
                    </p>
                    <ul class="photo-list">
                        <li id="newYork">
                            <a href="">
                                <img src="image/pic-logo1.png">
                            </a>
                        </li>
                        <div class="hint-info hint-NewYork">
                            <span>New York Magazine</span>
                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                        </div>
                        <li id="ellen">
                            <a href="">
                                <img src="image/pic-logo2.png">
                            </a>
                        </li>
                        <div class="hint-info hint-ellen">
                            <span>Ellen DeGeneres</span>
                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                        </div>
                    </ul>
                </div>
                <div class="photo">
                    <p>
                        <span class="icon icon-camera"></span>
                        <a href="" class="same-text">455 个照片和视频</a>
                    </p>
                    <ul class="photo-list photo-special">
                        <li>
                            <a href="">
                                <img src="image/user-pic1.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="image/user-pic2.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="image/user-pic3.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="image/user-pic4.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="image/user-pic5.jpg">
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="image/user-pic6.jpg">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cn-middle">
                <div class="cn-stream">
                    <h2 class="nav-middle">
            			<ul>
            				<li>
            					<span>推文</span>
            				</li>
            				<li>
            					<a href="">推文和回复</a>
            				</li>
            				<li>
            					<a href="">照片和视频</a>
            				</li>
            			</ul>
            		</h2>
                    <div class="message-wrap
">
                        <div class="message-show"></div>
                        <div class="message">
                            <div class="mes-left">
                                <img src="image/user-small.png">
                            </div>
                            <div class="mes-right">
                                <div class="mes-title">
                                    <div class="mes-tl-lf">
    <a href="" class="mes-username">
        <b>Audrina Patridge</b>
    </a>
    <span class="to-user">@AudrinaPatridge · </span>
    <a href="" class="time">4月14日</a>
</div>

                                    <div class="mes-tl-rt">
                                        <span class="icon icon-translate"></span>
                                    </div>
                                </div>
                                <p class="mes-content strength-content">
                                    The food-network literally makes my mouth water... So many fun recipes to cook when I get home!!
                                </p>
                                <div class="mes-icon">
                                    <ul>
                                        <li class="reply-hover">
                                            <span class="icon icon-reply"></span>
                                        </li>
                                        <div class="hint-info hint-reply">
                                            <span>回复</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="green resend-hover">
                                            <span class="icon icon-resend"></span>
                                            <span class="number">17</span>
                                        </li>
                                        <div class="hint-info hint-resend">
                                            <span>转推</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="yellow collect-hover">
                                            <span class="icon icon-collect"></span>
                                            <span class="number">110</span>
                                        </li>
                                        <div class="hint-info hint-collect">
                                            <span>收藏</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="more-hover">
                                            <span class="icon icon-more"></span>
                                        </li>
                                        <div class="hint-info hint-more">
                                            <span>更多</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="show-border">
                        </div>
                    </div>
                    <div class="message-wrap">
                    <div class="message-show"></div>
                        <div class="message">
                            <div class="mes-left">
                                <img src="image/user-small.png">
                            </div>
                            <div class="mes-right">
                                <div class="mes-title">
                                    <div class="mes-tl-lf">
                                        <a href="" class="mes-username">
                                            <b>Audrina Patridge</b>
                                        </a>
                                        <span class="to-user">@AudrinaPatridge · </span>
                                        <a href="" class="time">4月12日</a>
                                    </div>
                                    <div class="mes-tl-rt">
                                        <span class="icon icon-translate"></span>
                                    </div>
                                </div>
                                <p class="mes-content">
                                    I have a whole new appreciation and respect for jockeys!! After jockey school yesterday ... I am feeling it today!
                                </p>
                                <div class="mes-icon">
                                    <ul>
                                        <li class="reply-hover">
                                            <span class="icon icon-reply"></span>
                                        </li>
                                        <div class="hint-info hint-reply">
                                            <span>回复</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="green resend-hover">
                                            <span class="icon icon-resend"></span>
                                            <span class="number">17</span>
                                        </li>
                                        <div class="hint-info hint-resend">
                                            <span>转推</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="yellow collect-hover">
                                            <span class="icon icon-collect"></span>
                                            <span class="number">110</span>
                                        </li>
                                        <div class="hint-info hint-collect">
                                            <span>收藏</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="more-hover">
                                            <span class="icon icon-more"></span>
                                        </li>
                                        <div class="hint-info hint-more">
                                            <span>更多</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="show-border">
                        </div>
                    </div>
                    <div class="message-wrap">
                    <div class="message-show"></div>
                        <div class="message">
                            <div class="mes-left">
                                <img src="image/user-small.png">
                            </div>
                            <div class="mes-right">
                                <div class="mes-title">
                                    <div class="mes-tl-lf">
                                        <a href="" class="mes-username">
                                            <b>Audrina Patridge</b>
                                        </a>
                                        <span class="to-user">@AudrinaPatridge · </span>
                                        <a href="" class="time">4月10日</a>
                                    </div>
                                    <div class="mes-tl-rt">
                                        <span class="icon icon-translate"></span>
                                    </div>
                                </div>
                                <p class="mes-content">
                                    So much fun today at the mega cavern <b class="mes-jing">#</b><span class="special-text">louisville</span>
                                </p>
                                <div class="pic-show">
                                    <img src="image/user-pic-info1.jpg">
                                </div>
                                <div class="mes-icon">
                                    <ul>
                                        <li class="reply-hover">
                                            <span class="icon icon-reply"></span>
                                        </li>
                                        <div class="hint-info hint-reply">
                                            <span>回复</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="green resend-hover">
                                            <span class="icon icon-resend"></span>
                                            <span class="number">17</span>
                                        </li>
                                        <div class="hint-info hint-resend">
                                            <span>转推</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="yellow collect-hover">
                                            <span class="icon icon-collect"></span>
                                            <span class="number">110</span>
                                        </li>
                                        <div class="hint-info hint-collect">
                                            <span>收藏</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="more-hover">
                                            <span class="icon icon-more"></span>
                                        </li>
                                        <div class="hint-info hint-more">
                                            <span>更多</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                    </ul>
                                </div>
                                <a href="" class="more-photo">查看更多照片和视频</a>
                            </div>
                        </div>
                    </div>
                    <div class="message-wrap last">
                    <div class="message-show"></div>
                        <div class="message">
                            <div class="mes-left">
                                <img src="image/user-small.png">
                            </div>
                            <div class="mes-right">
                                <div class="mes-title">
                                    <div class="mes-tl-lf">
                                        <a href="" class="mes-username">
                                            <b>Audrina Patridge</b>
                                        </a>
                                        <span class="to-user">@AudrinaPatridge · </span>
                                        <a href="" class="time">4月10日</a>
                                    </div>
                                    <div class="mes-tl-rt">
                                        <span class="icon icon-translate"></span>
                                    </div>
                                </div>
                                <p class="mes-content strength-content">
                                    Another favorite "college holly". Fun day at the races <b class=" mes-jing strength-content">#</b><span class="special-text strength-content">kentucky</span>
                                </p>
                                <div class="pic-show">
                                    <img src="image/user-pic-info2.jpg">
                                </div>
                                <div class="mes-icon">
                                    <ul>
                                        <li class="reply-hover">
                                            <span class="icon icon-reply"></span>
                                        </li>
                                        <div class="hint-info hint-reply">
                                            <span>回复</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="green resend-hover">
                                            <span class="icon icon-resend"></span>
                                            <span class="number">17</span>
                                        </li>
                                        <div class="hint-info hint-resend">
                                            <span>转推</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="yellow collect-hover">
                                            <span class="icon icon-collect"></span>
                                            <span class="number">110</span>
                                        </li>
                                        <div class="hint-info hint-collect">
                                            <span>收藏</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                        <li class="more-hover">
                                            <span class="icon icon-more"></span>
                                        </li>
                                        <div class="hint-info hint-more">
                                            <span>更多</span>
                                            <span class="hint-info-triangle up-down-triangle down-triangle"></span>
                                        </div>
                                    </ul>
                                </div>
                                <a href="" class="more-photo">查看更多照片和视频</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cn-right-wrap">
                <div class="cn-right">
                    <div class="cn-rt-title">
                        <h3>推荐关注</h3>
                        <ul>
                            <li>
                                <span class="dot">·</span>
                            </li>
                            <li>
                                <a href="">刷新</a>
                            </li>
                            <li>
                                <span class="dot">·</span>
                            </li>
                            <li>
                                <a href="">查看全部</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tw-prompt">
                        <ul>
                            <li>
                                <img src="image/prompt1.jpeg">
                                <div class="tw-prompt-info">
                                    <p>
                                        <a href="" class="prompt-name">Charity Lynne Baroni</a>
                                        <span class="at-user">@Ch...</span>
                                        <span class="icon icon-cross"></span>
                                    </p>
                                    <p class="common">
                                        被
                                        <a href="" class="common-people">Taylor Swift</a>
                                        <a href="" class="common-people">等人</a> 关注
                                    </p>
                                    <div class="button">
                                        <button>
                                            <span class="icon icon-add-focus"></span>
                                            <span>关注</span>
                                        </button>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <img src="image/prompt2.jpeg">
                                <div class="tw-prompt-info">
                                    <p>
                                        <a href="" class="prompt-name">Charlie Walk</a>
                                        <span class="at-user">@charliewalk</span>
                                        <span class="icon icon-cross"></span>
                                    </p>
                                    <p class="common">
                                        被
                                        <a href="" class="common-people">Taylor Swift</a>
                                        <a href="" class="common-people">等人</a> 关注
                                    </p>
                                    <div class="button">
                                        <button>
                                            <span class="icon icon-add-focus"></span>
                                            <span>关注</span>
                                        </button>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <img src="image/prompt3.jpeg">
                                <div class="tw-prompt-info">
                                    <p>
                                        <a href="" class="prompt-name">Marie Claire</a>
                                        <span class="at-user">@marieclaire</span>
                                        <span class="icon icon-cross"></span>
                                    </p>
                                    <p class="common">
                                        被
                                        <a href="" class="common-people">New York Magazine</a>
                                        <a href="" class="common-people">等人</a> 关注
                                    </p>
                                    <div class="button">
                                        <button>
                                            <span class="icon icon-add-focus"></span>
                                            <span>关注</span>
                                        </button>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <ul class="tw-hot">
                        <li>
                            <a class="list-hot">热门账号</a>
                        </li>
                        <li>
                            <span class="dot">·</span>
                        </li>
                        <li>
                            <a class="list-hot">查找好友</a>
                        </li>
                    </ul>
                </div>
                <div class="tend">
                    <div class="cn-rt-title">
                        <h3>趋势</h3>
                        <ul>
                            <li>
                                <span class="dot">·</span>
                            </li>
                            <li>
                                <a href="">更改</a>
                            </li>
                        </ul>
                    </div>
                    <ul class="tend-list">
                        <li>
                            <a href="" class="list-hot">#Scandal</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">Britt McHenry</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">Trailer</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">#PartyDownSouth</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">#Backstrom</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">#ReasonWhySomeoneWouldKillMe</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">#BBCDebate</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">Star Wars</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">WNBA</a>
                        </li>
                        <li>
                            <a href="" class="list-hot">Like A Version</a>
                        </li>
                    </ul>
                </div>
                <div class="copywright">
                    <ul>
                        <li>
                            <span class="copywr">© 2015 Twitter</span>
                        </li>
                        <li>
                            <a href="">关于</a>
                        </li>
                        <li>
                            <a href="">帮助</a>
                        </li>
                        <li>
                            <a href="">广告信息</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/script.js"></script>
</body>

</html>
